<template>
	<div class="newpeople">
		<mt-header fixed title="新手引导" style="background: #fff;color: #000;">
			<div slot="left">
				<mt-button @click="back()" icon="back"></mt-button>
			</div>
		</mt-header>
		<div class="newpeople_top">
		  <ul class="tabs">
			<li :class="isA == '0'?'active1':' '" @click="one" style="width: 50%">1分钟了解期货交易</li>
			<!-- <li :class="isA == '1'?'active1':' '" @click="two" style="width: 50%">1分钟学会操盘</li> -->
		  </ul>
		</div>
		<div class="newpeople_bottom">
			<div class="teb" v-if="isA=='0'" >
				<div class="content_text" style="margin-bottom: 75px;">
					<div class="text_border">
						<img src="../../assets/newtab1.png" alt="">
					</div>
					<div class="text_info">
						<div class="info_top">什么是操盘手？</div>
						<div class="info_bottom">作为投资人的交易合作方，负责向投资人提供交易买卖指令的自然人。</div>
					</div>
					<div class="text_info">
						<div class="info_top">操盘手有什么好处？</div>
						<div class="info_bottom">当您有好的机会却缺少资金投资时，可选择和投资人一起合作交易，让他出资金，你来提供交易指令，盈利90%归您，投资人分享10% 。简单的说，利用别人的钱为自己赚钱。</div>
					</div>
					<div class="text_info">
						<div class="info_top">什么是投资人？</div>
						<div class="info_bottom">作为操盘手的交易合作方，负责执行操盘手的交易买卖指令，并利用自有资金和账户进行交易的自然人或法人。</div>
					</div>
					<div class="text_info">
						<div class="info_top">投资人有什么好处？</div>
						<div class="info_bottom">当您不满足固定收益投资时，可选择和操盘手一起合作交易。你只需要提供一个期货交易账户，无需把资金交给任何人，当操盘手发出交易指令时，您只需授权执行即可。真正实现资金完全有您自己掌控。</div>
					</div>
					<div class="text_info">
						<div class="info_top">合作交易流程</div>
						<div class="info_bottom">操盘手向投资人发出交易指令，系统为操盘手自动撮合投资人。撮合成功后，投资人接收操盘手的交易指令并委托系统完成交易。</div>
					</div>
				</div>
				<!-- <div class="tab_bottom">
					<div style="background: #d93f3f;">我要操盘</div>
					<div style="background: #fdcd23;">申请投资人</div>
				</div> -->
			</div>
			<!-- <div class="teb" v-if="isA=='1'" >
				<div class="content_text" style="margin-bottom: 180px;">
					<div class="text_border">
						<img src="../../assets/newtab2.png" alt="">
					</div>
				</div>
				<div class="tab_bottom1">
					<div class="tab_text">模拟<div><img src="../../assets/3.png" alt=""></div>次，送<div><img src="../../assets/3.png" alt=""></div><div><img src="../../assets/0.png" alt=""></div>元现金红包!</div>
					<div class="tab_1btn">去模拟</div>
				</div>
			</div> -->
		</div>
	</div>
</template>

<script>
	
	export default {
	    name: "demo",
	    data() {
	        return {
				isA:'0',
	        };
	    },
	    mounted() {
	        
	    },
		methods:{
			back(){
			    this.$router.go(-1)
			},
			one(){
				var that = this;
				that.isA = "0";
			},
			two(){
				var that = this;
				that.isA = "1";
			},
		}
	};
</script>

<style>
	ul li{
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.active1{
		color: #C21F39;
		border-bottom: 2px solid #C21F39;
	}
	.newpeople_top{
		position: fixed;
		top: 80px;left: 0;
		background: #fff;
		width: 100%;
		height: 75px;
		border-bottom: 1px solid #E0E0E0;
	}
	.newpeople_top .tabs{
		display: flex;
		justify-content:center;;
	}
	.newpeople_top .tabs li{
		width: auto;height: 73px;
		text-align: center;
		line-height: 75px;
		overflow: hidden;
	}
	.newpeople_bottom{
		margin-top: 160px;
		box-sizing: border-box;
		height: 100%;width: 100%;
		overflow: hidden;
	}
	.newpeople_bottom .text_border{
		width: 100%;height: auto;
	}
	.newpeople_bottom .text_border img{
		width: 100%;
	}
	.newpeople_bottom .text_info{
		box-sizing: border-box;
		padding: 20px;
		margin: 5px 0px;
		font-size: 28px;
	}
	.newpeople_bottom .text_info .info_top{
		color:#4b7bbf;
		width: 100%;
		height: 65px;
		line-height: 65px;
		background: url(../../assets/bgt.png) no-repeat;
		background-size: 100% 100%;
		box-sizing: border-box;
		padding-left: 30px;
		letter-spacing: 1px;
	}
	.newpeople_bottom .text_info .info_bottom{
		color: #707070;
		box-sizing: border-box;
		padding: 10px 0;
		letter-spacing: 1px;
		text-indent:2em;
		line-height: 45px;
	}
	.tab_bottom{
		display: flex;
		position: fixed;
		bottom: 0;left: 0;
		width: 100%;height: 75px;
		line-height: 75px;
		color: #fff;
		text-align: center;
		overflow: hidden;
	}
	.tab_bottom div{
		width: 50%;height: 100%;
	}
	.tab_bottom1{
		position: fixed;
		bottom: 0;left: 0;
		width: 100%;height: 180px;
		color: #000;
		text-align: center;
		overflow: hidden;
		border-top:1px solid #8E8E8E;
		padding: 10px 20px;
		box-sizing: border-box;
		font-size: 35px;
		background: #fff;
	}
	.tab_text{
		display: flex;
		width: 100%;height: 65px;
		justify-content: center;
		align-items: center;
	}
	.tab_text div{
		box-sizing: border-box;
		width: 30px;height: 50px;
		overflow: hidden;
		padding:0 5px;
	}
	.tab_text div img{
		width: 100%;height: 100%;
	}
	.tab_1btn{
		margin-top:10px;
		width: 100%;height: 65px;
		text-align: center;line-height: 65px;
		background: #ffc41c;
		color: #753900;
		border-radius: 5px;
	}
</style>
